<template>
	<div ref='pow' class='_pow' :style="{width:length,height:length,'flex':flex}">
		<slot></slot>
	</div>
</template>

<script>
	export default {

		props: {
			length: {
				type: String,
				default: '100%'
			},
			flex: {
				type: String,
				default: '1.0'
			}
		},
		data: function() {
			return {
				run: false
			}
		},
		methods: {
			getOrDefault(mapper, value) {
				if (mapper[value] == null)
					return value;
				else return mapper[value];
			},
			getWrap(wrap, rwrap) {
				if (wrap)
					return 'wrap';
				else if (rwrap)
					return 'wrap-reverse';
				else 'nowrap';
			}
		}
	}
</script>

<style>
	._hiv>._pow{
		height:0% !important;
	}
	._viv>._pow{
		width:0% !important;
	}
</style>
